Course
Course Decription
Create a universal app with React Native and Tamagui. Learn how to use the same codebase for iOS, Android, and Web.
Discover the power of Tamagui in bridging the gap between web and native app development, creating consistent and visually appealing UIs for React Native and Next.js.
What will I learn?
- ✌️ Get hands-on with integrating Tamagui into your React Native apps, unlocking a new realm of UI possibilities.
- 🌈 Dive deep into the world of components, tokens, and colors, learning the building blocks of Tamagui.
- 🚀 Experiment with various Tamagui components and master customization techniques to make your UI stand out.
- 🎨 Explore theme customization and configuration, tailoring the look and feel of your app to match your vision.
- ⚡️ Learn to use animation drivers in Tamagui, adding life and interactivity to your UI components.
- 🚀 Navigate the intricacies of setting up a mono-repository with Expo and NextJS, facilitating a unified codebase for both web and native platforms.
Transform your approach to cross-platform UI design. Take “Universal Apps with Tamagui” now and start building universally beautiful, responsive applications today!
⚡️ Getting Started
Course Overview
What are we building in this course, and what will you learn? Let's take a quick look at the course and all objectives!
React Native Tamagui Setup
We set up a new React Native app and install Tamagui including a basic config.
🚀 Tamagui Components
Understanding Stacks and Texts
In this video, we'll learn about the two main components of Tamagui: Stacks and Texts.
Using Props, Tokens and Shorthands
Learn how to use props, tokens and shorthands to make your components more flexible and reusable.
🔥 Working with Tamagui
Using Themes & Colors
In this video, we'll learn how to use themes and colors in our app.
Adding Animations
We will now add an Animation driver to our app and use it to animate the Tamagui components.
Styled Components and Variants
In this video, we'll learn how to use variants to create a view component that can be used in different contexts.
🥡 Tamagui Projects
Universal App with Expo and NextJS
Let's take a different approach to Tamagui with a modern Monorepo setup using Expo and NextJS.
Adding Universal Pages
Learn to work with a monorepo and add a universal page to your project.
Tamagui Takeout, Studio & Theme Builder
Let's explore Tamagui Takeout, Studio & Theme Builder.